@charset "utf-8";
/**
 * Created by younger on 2016/03/26.
 */

%assessMb {
  margin-bottom: 10px;
}

//社交联系
.social-list {
  @extend %clearfix;
  @extend %assessMb;

  li {
    @extend %fl;
    margin-right: 10px;
  }

  .weixin {
    padding-left: 20px;
    background: url(../img/social-icon.png) no-repeat;
  }

  .qq {
    @extend .weixin;
    background-position-y: -191px;
  }

  .weibo {
    @extend .weixin;
    background-position-y: 0;
  }

  .baidu {
    @extend .weixin;
    background-position-y: -207px;
  }
}

.assess {
  @at-root {
    //没有评价
    .assess-none {
      padding: 10px;
      @extend %tc;
      @extend %mb;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }

    @at-root {
      //评论列表
      .assess-list {
        @at-root {
          //评论列表记录
          .assess-item {
            padding: 10px 0;
            border-top: 1px solid #ccc;

            dl {
              @extend %clearfix;
            }
            h4, p {
              margin: 5px 0;
            }
            dt, dd, dl {
              margin: 0;
            }
            dt, dd {
              @extend %fl;
            }
            dd {
              margin-left: 10px;
            }
          }
        }
      }
    }
    .pagination-box {
      @extend %clearfix;
      @extend %assessMb;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 10px 0;

      .pagination {
        float: right;
      }
    }

    //评论框
    .assess-dialog {
      @extend %clearfix;
      @extend %assessMb;
      label {
        @extend %vt;
      }
      @at-root {
        //肖像
        .assess-dialog-portrait {
          @extend %aside-pic-frame-smaller;
          @extend %vt;
          width: 60px;
        }

        //文本域
        .assess-dialog-textarea {
          @extend %vt;
          @extend %assessMb;
          width: 589px;
          padding: 10px;
          height: 60px;
        }

        //按钮
        .assess-dialog-release {
          @extend %fr;
          @extend %default-btn;
          width: 180px;
        }
      }
    }
  }
}



